.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.0625rem;
  padding-right: 0.1042rem;
  padding-top:.0729rem ;
  padding-bottom: .0729rem;
  border-bottom: 1px solid #e7ebee;
  .top-left {
    display: flex;
    align-items: center;
    .dot {
      width: 0.0313rem;
      height: 0.0313rem;
      background: linear-gradient(180deg, #fcaa3e, #ff9500);
      border-radius: 100%;
    }
    .title{
        color: #2d2d2d;
        font-size: .0833rem;
        font-weight: bold;
        margin-left: .0521rem;
    }
  }
  .top-right{
  
    .search-box{
        // position: absolute;
        // right: 0;
        // top: -.05rem;
        width: 1.4188rem;
        display: flex;
        height: .1875rem;
        border: 1px solid #3644bf;
        .input{
          flex: 1;
          display: flex;
          padding-left: .05rem;
          padding-right: .05rem;
          font-size: .0729rem;
          input{
              // flex: 1;
              // display: flex;

              width: 100%;
              height: 100%;
              outline: none;
              border:none
          }
        }
        .search-button{
          display: flex;
          background: #3644BF;
          justify-content: center;
          width: .3038rem;
          .search-icon{
              width: 100%;
              height: 100%;
              display: flex;
              img{
                  width: .099rem;
                  height: .099rem;
              }
          }
        }
    }
  }
}
